<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>教学系统</title>
</head>
<!-- bgcolor="yellow" background="图片/4.jpg" -->
<body bgcolor="yellow">

<!-- <h1 align="center">标题h1</h1>
	<hr/>	
	 <h2>标题2</h2>
	 <h3>标题3</h3>
	 <h4>标题4</h4>
	 <h5>标题5</h5>
	 <h6 align="right">标题6</h6>
	 <p>本课时主要讲解 HTML 的基础，包含声明、HTML 基础标签、HTML 标题、HTML 段落、HTML 链接和HTML 图像</p>
	<p>
		<a href="http://www.baidu.com">学习</a>
	</p>

	<p>
	<img src="图片/2.jpg" width="200"  height="200" alt="">
	</p> -->
	<a name="tips">注意事项</a>
	
<!-- 定义粗体文字 -->
<p>
<b>粗体文字</b>
</p>
<!-- 大号字 -->
<p>
	<big>big size</big>
</p>
<!-- 着重文字	 -->
<p>
	<em>着重文字</em>
</p>

<p>
	<i>斜体字</i>
</p>
<p>
	<small>小号字体</small>
</p>
<p>
	<strong>加强语气</strong>
</p>
<p>
	<sub>下标字</sub>
</p>
<p>
	<sup>上标字</sup>
</p>

<p>
	<ins>插入字</ins>
</p>
<p>
	<del>删除字</del>
</p>
<p>
	<a href="http://www.baidu.com" target="_blank">新的标签页打开百度</a>
</p>


<a href="#tips">跳转到注意事项</a>
<hr/>	
<p><img src="photo/2.jpg" alt="丢失"></p>

<table border="1">
	<caption>
		这是表格的标题
	</caption>
	<tr>
		<th>第一列</th>
		<th>第二列</th>
	</tr>
	<tr>
		<td>
			<i>斜体字</i>
		</td>
		<td>
			<b>粗体字</b>
		</td>	
	</tr>

	<tr>
		<td>
			<big>大号字体</big>
		</td>
		<td>
			<em>着重字体</em>
		</td>
	</tr>

	
</table>



<!--  无序列表-->
<ul>
	<li>节点1</li>
	<li>节点2</li>
</ul>


<!--  有序列表-->
<ol>
	<li>有序第一列</li>
	<li>有序第二列</li>
</ol>


<!-- 自定义列表项 自定义列表以 dl 标签开始，每个自定义列表项以 dt 开始，每个自定义列表项的定义以 dd 开始
 -->
 <dl>
 	<dt>自定义第一列</dt>
 	<dd>第一列的解释</dd>

 	<dt>自定义第二列</dt>
 	<dd>第二列的解释 <br/>		
	<a href="http://www.baidu.com" target="_blank">跳转到百度查询</a>
 	</dd>
 </dl>	

 <!-- 表单，form 是表单标签，input是输入标签，输入类型由 type 决定
  -->

  <form name="test" action="divUse.html" method="get">
  	用户名:
  	<input type="text" name="username" id=""/>
  	<br/><br/>
	密&nbsp&nbsp&nbsp码:
	<input type="text" name="password" id/>
	<br/><br/>
	性别
	<!-- 单选按钮 -->
	<input type="radio" name="sex" value="男"/>男
	<input type="radio" name="sex" value="女"/>女

	<!-- 复选框 -->
	<br/>
	自身
	<input type="checkbox" name="huoche" id=""/>我有火车
	<input type="checkbox" name="qiche" id=""/>我有汽车
	<input type="checkbox" name="fangzi" id=""/>我有房子
	<br/><br/>
	<!-- 下拉列表 -->
	<select name="cars" id="">
		<option value="volvo">volvo</option>
		<option value="saab">saab</option>
		<!-- selected设置默认选中状态 -->
		<option value="hhh" selected="selected">hhh</option>
	</select>
	
	 <br><br>
	 <!-- 多行输入的文本区域 -->
	<textarea name="" id="" cols="30" rows="10"></textarea>

	<br/><br/>
	<!-- 提交按钮，提交到表单的 action -->
	<input type="submit" value="submit" id=""/>
  </form>

  <script type="text/javascript">
  function hehe () {
  	alert('dadad');
  }
  </script>
</body>
</html>
